<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Movie Theatre Ticket Booking</title>

    <link href="<?php echo $this->url('/static/css/bootstrap.css'); ?>" rel="stylesheet">
    <link href="<?php echo $this->url('/static/css/bootstrap-responsive.css'); ?>" rel="stylesheet">
    <link href="<?php echo $this->url('/static/css/main.css'); ?>" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script>
      var base = '<?php echo $this->url(''); ?>';
    </script>
  </head>

  <body>

    <div class="container-narrow">

      <div class="masthead">
        <ul class="nav nav-pills pull-right">
          <?php if ($loggedInUser) { ?>
          <li><a href="<?php echo $this->url('/user/logout'); ?>">Logout</a></li>
          <?php } ?>
        </ul>
        <h3 class="muted">Ticket Booking</h3>
      </div>

      <hr>

      <div class="jumbotron">
          <?php
              if (!empty($status) && $status == 'error') {
                  echo '<div style="color: #c00; font-weight: 600">', $message, '</div>';
              }
          ?>

          <?php echo $contentForLayout; ?>
          <hr>
      </div>

      <div class="footer">
      </div>

    </div>

    <script src="<?php echo $this->url('/static/js/jquery.js'); ?>"></script>
    <script src="<?php echo $this->url('/static/js/jquery.validate.js'); ?>"></script>
    <script src="<?php echo $this->url('/static/js/jquery.form.js'); ?>"></script>
    <script src="<?php echo $this->url('/static/js/bootstrap.min.js'); ?>"></script>
    <script src="<?php echo $this->url('/static/js/theatre.js'); ?>"></script>
  </body>
</html>
